@charset "UTF-8";
$vm_base:375;  //设计图的宽度
@function vw($px) {
  @return ($px / $vm_base) * 100vw;
}
html{
  height: 100%;
}
*{
  margin: 0;
  padding: 0;
  font-family: '微软雅黑';
}
li{
  list-style: none;
}
a{ text-decoration: none;}
body{
  height: 100%;
  @mixin br{
    border:1px solid red;
  }
  div{
    box-sizing: border-box;
  }
  .user_home{
    height: 100%;
    display: flex;
    flex-direction: column;
    .header{
      height: 48px;
      color: #ffffff;
      font-size: vw(20);
      line-height: vw(48);
      text-align: center;
      background-color: #ffb001;
    }
    .content{
      flex-grow: 1;
      height: 0;
      overflow-y: auto;
      background-color: #f8f8f8;
    .tx{
      height: vw(170);
      margin-bottom: vw(10);
      background-color: #fff;
      padding-top: vw(19);
    .tx_item{
      margin:vw(0) auto;
      width: vw(110);
      height: vw(124);

      .photo{
        border: 1px solid #ffb001;
        width: vw(63);
        height: vw(63);
        border-radius: 50%;
        margin: 0 auto;
      }
      .username{
        line-height: vw(50);
        font-size: vw(15);
        color:#313131;
        text-align: center;
      }
      .editor{
        font-size: vw(10);
        line-height: vw(11);
        color:#a9a9a9;
        text-align: center;
      }
    }
    }
      .grxx{
        margin-bottom: vw(10);
        position: relative;
        padding-left: vw(49);
        height: vw(50);
        line-height: vw(50);
        font-size: vw(15);
        background-color: #fff;
        color:#3b3b3b;
        border-bottom: vw(3) solid #efefef;
        i{
          display: inline-block;
          position: absolute;
          font-size: vw(20);
          width: vw(20);
          height: vw(20);
          line-height: vw(20);
          left: 19px;
          top: 50%;
          transform: translateY(-50%);

        }
      }
      .bt{
        position: relative;
        .exit{
          display: inline-block;
          width: vw(332);
          height: vw(48);
          line-height: vw(48);
          text-align: center;
          position: absolute;
          top: vw(33);
          left: 50%;
          margin-left:vw(-166);
          margin-bottom: vw(10);
          background-color: #ffb001;
          border:0;
          border-radius: vw(24);
          font-size: vw(14);
          color:#ffffff;
        }
      }
    }
    .footer{
      height: 54px;
      padding: vw(12) vw(43) 0 vw(43);
      .nav{
        .nav_item{
          color:#8e8e8e;
          float: left;
          width: vw(50);
          margin-right: vw(65);
          text-align: center;
          i{
            display: inline;
            font-size: vw(21);
            line-height: vw(21);
            text-align: center;
          }
          li{
            margin-top: vw(5);
            text-align: center;
            font-size: vw(8);
            line-height: vw(8);
          }
        }
      }
    }
  }
}
